 import { checkUsername,checkphone} from "./checkFn.js";
 
 
 //需求：表单检验--用户名：长度在4-16位；手机号：长度11位
        //分析：JS事件--鼠标离焦事件blur，表单提交事件submit
        //校验用户名
        //1.获取用户名
        let input = document.querySelector("#username");

        

        input.addEventListener('blur' ,checkUsername);

        //校验手机号
        let input2 = document.querySelector("#phone");
        

        input2.addEventListener('blur',checkphone);

        //表单提交时校验
        document.querySelector("form").addEventListener("submit",(event)=>{
            if(!checkUsername()||!checkphone()){
                alert("用户名或手机号不合法！");
            //阻止表单提交
            event.preventDefault();
            }
            
        })